<template>
	<div class="tab">
		<div class="item">全城<span class="drop"></span></div>
		<div class="line"></div>
		<div class="item">品牌<span class="drop"></span></div>
		<div class="line"></div>
		<div class="item">特色<span class="drop"></span></div>
	</div>
</template>

<script>
	export default {
		
	}
</script>

<style lang="scss" scoped>
.tab{
	display: flex;
	align-items: center;
	border-top: 1px solid #d0cece;
	border-bottom: 1px solid #d0cece;
	opacity: .7;
	.item{
		flex-grow: 1;
		flex-shrink: 1;
		text-align: center;
		line-height: 40px;
		font-size: 13px;
		color: #777;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		.drop{
			display: inline-block;
			width: 0;
			height: 0;
			border: 4px solid transparent;
			border-top-color: #b0b0b0;
			margin-left: 4px;
		}
	}
	.line{
		width: 1px;
		height: 20px;
		background: #d0cece;
	}
}
</style>
